<?php echo '<?xml version="1.0" encoding="Windows-1250"?>'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Expediente Electr&oacute;nico del PEA</title>
        <link type="text/css" href="css/redmond/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/screen.css" type="text/css" media="all" />
	
		<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>

        <!-- Protonotes 
        <script src="http://www.protonotes.com/js/protonotes.js" type="text/javascript"></script>
        <script type="text/javascript">
        var groupnumber="qgR8jwNsQULB";
        var show_menubar_default=false;
        </script> close Protonotes -->

    </head>
    <body>
        <div id="header">
	    <div class="wrap">
                <h1 class="logo"><a href="index.html">PEA</a></h1>

                <div class="you">
                    <ul class="logged_in">
                        <li>Thirsa Sili&eacute;zar Rodas</li>
                        <li><a href="/logout.html">salir &raquo;</a></li>
                    </ul>
                </div><!-- close .you -->

	    </div><!-- close .wrap -->

	    <ul class="tab">
		<li><a href="index.html"><span>Inicio</span></a></li>
		<li class="active"><a href="persons.html"><span>Personas</span></a></li>
		<!--<li><a href="groups.html"><span>Grupos</span></a></li>-->
	    </ul>

	</div><!-- close #header -->

	<div id="topcontent">
	    <div class="wrap">

		<h1 class="module_name">Personas</h1>

		<ul>
		    <li><a class="module_operation" href="person-new.html"><img src="img/add.jpg"/>Agregar nueva persona</a></li>
		</ul>

		<div class="module_search">
		    <input type="text" class="module_search" />&nbsp;<input type="button" value="Buscar" />
		</div>

		<div class="clearfloat"></div>
	    </div><!-- close .wrap -->
	</div><!-- close #topcontent -->

	<div id="content">
	    <div class="wrap">

		<div class="left_panel">
		    <img class="photo" src="img/person.png" />
		    <ul>
			<li><a class="content_operation" href="person-edit.html"><img src="img/edit.png"/>Modificar</a></li>
		    </ul>
		</div>

		<div class="right_panel">
		    <h3 class="content_title">Alexis Serrano Rodr&iacute;guez (051034)</h3>

		    <div id="content_tabs">
			<script type="text/javascript">
			$(function(){
				// Declara los tabs en JQuery
				$('#content_tabs').tabs();
			});
			</script>

			<ul>
				<li><a href="#profile">Perfil</a></li>
				<li><a href="#personalinfo">Datos Personales</a></li>
				<!--<li><a href="#groups">Grupos</a></li>-->
				<li><a href="#files">Archivos</a></li>
			</ul>
			<div id="profile">
			    <table>
			    <colgroup>
					<col span="1" align="right"></col>
				</colgroup>
				<tr>
				    <th>Nombre:</th>
				    <td>Alexis</td>
				</tr>
				<tr>
				    <th>Apellidos:</th>
				    <td>Serrano Rodr&iacute;guez</td>
				</tr>
				<tr>
				    <th>Identificaci&oacute;n:</th>
				    <td>1-1234-0567</td>
				</tr>
				<tr>
				    <th>Expediente:</th>
				    <td>051034</td>
				</tr>
				<tr>
				    <th>Usuario:</th>
				    <td>aserrano</td>
				</tr>
				
			    </table>
			    <div id="comments"> <h4>Anotaciones</h4>
					<div class="comment-number"> 
						<span>2 anotaciones</span> 
					</div><!--end comment-number--> 
					<ol class="commentlist"> 
						<li class="comment even thread-even depth-1" id="comment-34" > 
							<div class="c-grav"><img alt='' src='img/person_thumb.png'/></div> 
							<div class="c-body"> 
								<div class="c-head"> 
									<a href="#">Vivian Villalta</a> el 04/07/2010 a las 08:35 p.m. escribi&oacute;:
								</div> 
								<p>Solicitud de beca 2010-0423 aprobada por acuerdo de la sesi&oacute;n 2010-8 del Brazo Social.</p> 
								<div class="reply"> 
								</div> 
							</div><!--end c-body--> 
						</li> 
						<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-35" > 
							<div class="c-grav"><img alt='' src='img/person_thumb.png'/></div>
							<div class="c-body">
								<div class="c-head"> 
									<a href="#">Elvira Garc&iacute;a</a> el 25/05/2010 a las 06:07 p.m. escribi&oacute;:
								</div> 
								<p>Mantuvo una excelente asistencia durante el I periodo 2010.</p> 
								<div class="reply"> 
								</div> 
							</div><!--end c-body--> 
						</li> 
					</ol> 
				</div><!--end comments--> 
				<div id="respond"> 
					<div class="cancel-comment-reply"> 
						<small><a rel="nofollow" id="cancel-comment-reply-link" href="#" style="display:none;">Clic para cancelar respuesta.</a></small> 
					</div> 
					<h4 id="postcomment">Realizar una anotaci&oacute;n</h4> 
					<form action="" method="post" id="commentform"> 
						<fieldset>
                                                    <div class="protected_info"><strong>Atenci&oacute;n:</strong> esta informaci&oacute;n es protegida.</div>
							<textarea name="comment" id="comment" cols="78" rows="10" tabindex="4"></textarea> 
							<input name="submit" type="submit" id="submit" tabindex="5" value="Agregar Anotaci&oacute;n" /> 
						</fieldset> 
					</form><!--end commentform--> 
				</div><!--end respond--> 			    
			</div><!-- close #profile -->
			
			<div id="personalinfo">
			<table>
			    <tbody>
				<tr>
				    <th>Fecha de Nacimiento:</th>
				    <td>12-12-1990</td>
				</tr>
				<tr>
				    <th>Nacionalidad:</th>
				    <td>Costarricense</td>
				</tr>
				<tr>
				    <th>Estado Civil:</th>
				    <td>Soltero(a)</td>
				</tr>
				<tr>
				    <th>Ocupaci&oacute;n:</th>
				    <td>Cajero(a)</td>
				</tr>
				<tr>
				    <th>Tiene trabajo remunerado:</th>
				    <td>S&iacute;</td>
				</tr>
				<tr>
				    <th>Trabajo temporal:</th>
				    <td>S&iacute;</td>
				</tr>
				<tr>
				    <th>Escolaridad:</th>
				    <td colspan = "2">Primaria Completa</td>
				</tr>
				<tr>
				    <th>Formaci&oacute;n:</th>
				    <td>Ingl&eacute;s</td>
				</tr>
				<tr>
				    <th>Direcci&oacute;n:</th>
				</tr>				
				<tr>
					<td></td>
					<th>Provincia:</th>
				    <td>Cartago</td>
				</tr>
				<tr>
					<td></td>
					<th>Cant&oacute;n:</th>
				    <td>Cartago</td>
				</tr>
				<tr>
					<td></td>
					<th>Distrito:</th>
				    <td>Cartago</td>
				</tr>
				<tr>
					<td></td>
					<th>Barrio o caser&iacute;o:</th>
				    <td>Barrio Cartago</td>	
				</tr>
				<tr>
					<td></td>  
					<th>Otras se&ntilde;as:</th>
				    <td colspan = "3">150 mts al norte de la Iglesia</td>								
				</tr>
				<tr>
					<th>Iglesia:</th>
				    <td>Cristiana</td>			
				</tr>
				<tr>
					<th>Fecha de Ingreso a la iglesia:</th>
				    <td>12-12-1990</td>			
				</tr>
				<tr>
					<th>Fecha de Conversi&oacute;n</th>
				    <td>12-12-1990</td>			
				</tr>
				<tr>
					<th>Contacto:</th>				    			
				</tr>
				<tr>
					<td></td>
					<th>Tel&eacute;fonos:</th>
				    <td></td>			
				</tr>
				<tr>					
					<td></td>
					<th>Casa:</th>
				    <td>2222-1234</td>
                                </tr>
				<tr>
					<td></td>
					<th>Trabajo:</th>
				    <td>2223-4455</td>
				</tr>
				<tr>
					<td></td>
					<th >Celular:</th>
				    <td>8899-4321</td>
				</tr>
                                <tr>
					<td></td>
					<th>Otro:</th>
				    <td>2222-9876</td>						
				</tr>
				<tr>
					<th>Correo Electr&oacute;nico:</th>
				    <td>alexis.serrano@gmail.com</td>			
				</tr>
				<tr>
					<th>Medio preferido de contacto:</th>
				    <td>SMS</td>			
				</tr>
				<tr>
					<th>Fecha de ingreso a PEA:</th>
				    <td>10-08-2009</td>			
				</tr>
				<tr>
					<th>Fecha de salida del PEA:</th>
				    <td>--</td>			
				</tr>
								
				</tbody>
			    </table>
			    
				
			</div> 
			
			
			<!--<div id="groups">
				<div class="result_panel">
                    <table class="result_table">
                        <tbody>
                            <tr>
                                <td rowspan="3" class="result_photo"><img src="img/group_thumb.png" width="50" height="50" alt="estudiantes"/></td>
                                <td class="result_caption">Nombre:</td>
                                <td class="result_data result_main_data"><a class="content_operation" href="group.html">Estudiantes</a></td>
                                <td class="result_action"><a class="content_operation" href="group.html"><img src="img/show.png"/>Ver el expediente</a></td>
                            </tr>
                            <tr>
                                <td class="result_caption">Descripci&oacute;n:</td>
                                <td class="result_data">Grupo conformado por los estudiantes del programa</td>
                            </tr>
                            <tr>
                                <td class="result_separator" colspan="3"></td>
                            </tr>                      

                        </tbody>
                    </table>
                </div> 
			</div>-->
			
			<div id="files">
				<div class="filedownload">
					<table>
					<thead>
						<tr>
							<th>Nombre</th><th>Fecha</th><th>Usuario</th><th>Categor&iacute;a</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Solicitud de Beca<span class="filename">BZ-2010-0423.doc</span></td>
							<td>10-08-2010</td>
							<td><a class="content_operation" href="person.html">vvillalta</a></td>
                                                        <td><div class="internal_info">Interno</div></td>
							<td><a class="content_operation" href="#"><img src="img/download.jpg"/>Descargar</a></td>
							<!--<td><a class="content_operation" href="#"><img src="img/delete.jpg"/>Eliminar</a></td>-->
						</tr>
						<tr>
							<td>Fotograf&iacute;a<span class="filename">foto.jpg</span></td>
							<td>02-08-2010</td>
							<td><a href="person.html">asura</a></td>
                                                        <td><div class="public_info">P&uacute;blico</div></td>
							<td><a class="content_operation" href="#"><img src="img/download.jpg"/>Descargar</a></td>
							<!--<td><a class="content_operation" href="#"><img src="img/delete.jpg"/>Eliminar</a></td>-->
							<td><input type="checkbox" checked="checked">Imagen del perfil</input></td>
						</tr>
					</tbody>
					</table>
				</div> <!-- close .filedownload -->
				<div class="fileupload">
					<h4>Subir un nuevo archivo</h4>
					<table>
					<tbody>
						<tr>
							<th>Archivo:</th><td><input type="file" /></td>
						</tr>
						<tr>
							<th>Descripci&oacute;n:</th><td><input type="text" /></td>
						</tr>
						<tr>
							<th>Categor&iacute;a:</th>
							<td>
								<div class="internal_info"><input type="radio" name="file_category" value="internal">Interno: el archivo s&oacute;lo ser&aacute; visible por los usuarios que cuentan con acceso administrativo.</input></div>
								<div class="protected_info"><input type="radio" name="file_category" value="protected">Protegido: el archivo s&oacute;lo ser&aacute; visible por el due&ntilde;o del perfil y los usuarios con acceso administrativo o docente.</input></div>
								<div class="public_info"><input type="radio" name="file_category" value="public">P&uacute;blico: el archivo ser&aacute; visible para todos los usuarios. Una imagen debe ser p&uacute;blica para establecerla como imagen del perfil.</input></div>
							</td>
						</tr>
					</tbody>
					</table>
					<div>
						<input type="button" value="Subir el archivo" />&nbsp;<a href="#">Cancelar</a>
					</div>
				</div> <!-- close .fileupload -->
		    </div> <!-- close #files -->

		</div>

	    </div><!-- close .wrap -->
	</div><!-- close #content -->

	<div id="footer">
	    <div class="wrap">

		&copy; 2010 bajo <a href="http://www.opensource.org/licenses/mit-license.php" target="_blank">licencia MIT</a><br/>
		para el Programa de Educaci&oacute;n Abierta Vida Abundante

	    </div><!-- close .wrap -->
	</div><!-- close #content -->

      </body>
</html>
